@charset "utf-8";
@import "common";
@import "reset";
.recweb {
    width: 100%;
    height: 100%;
    background: url(../img/back.png);
    overflow: hidden;
    .header {
        height: r(36);
    }
    .section {
        height: r(863);
        overflow: hidden;
        margin: 0 r(28);
        padding-left: r(18);
        position: relative;
        .region {
            height: r(517);
            font-size: 0;
            overflow: hidden;
            position: relative;
            .map,.map2{
                width: 100%;
                height: 100%;
                position: relative;
                display: inline-block;
                img {
                    width: 100%;
                    height: 100%;
                    @include abCenter;
                }
            }
            .map2{
                
            }
            //坐标
            .coordinate{
                width: r(65);
                height: r(89);
                position: absolute;
                overflow: hidden;
                display: none;
                a{
                    width: 100%;
                    height: 100%;
                    display: block;
                    img{
                        height: 100%;
                        @include abCenter;
                    }
                }
            }
            .position_one{
                top: 0;
                left: 24.91%;
            }
            .position_two{
                top: 0;
                left: 8.13%;
            }
            .position_three{
                top: 0;
                left: 48.59%;
            }
            .switch_button {
                width: r(88);
                height: r(38);
                position: absolute;
                left:0;
                top: 0;
                background: #e7c598;
                border-radius: 10px;
                overflow: hidden;
                img {
                    height: r(24);
                    @include abCenter;
                }
            }
            .receive_text{
                color: #E7C598;
                position: absolute;
                right: 0;
                bottom:r(50);
                text-align: right;
                font-size: r(28);
                p:first-of-type{
                    span{
                        font-size: r(40);
                    }
                }
                p:nth-of-type(2){
                    font-size: r(38);
                }
            }
        }
        .payment{
            width: 100%;
            height: r(346);
            overflow: hidden;
            position: relative;
            img{
                width: 100%;
                height: 100%;
                @include abCenter;
            }
        }
    }
    .footer{
        width: 100%;
        height: r(109);
        position: relative;
        .text{
            width: r(318);
            height: r(45);
            margin: 0 auto;
            font-size: r(23);
            color: #e7c598;
            text-align: center;
            line-height: r(45);
            background: url(../img/receive/kuang.png) round;
        }
        .home_img{
            width: r(41);
            height: r(41);
            right: r(56);
            bottom:r(25);
            overflow: hidden;
            position: absolute;
            img{
                height: 100%;
                @include abCenter;
            }
        }
    }
}